<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>左侧菜单</title>
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
 </head>
 <body>
	<div style="width: 220px; height: 100%;">
		<div style="background-color: #f9f9f9; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;">
			<div class="homepage">
				<div style="margin-left: 12px;"><a href="http://www.baidu.com" class="fontColor">首页</a></div>
			</div>
		</div>
		<div style="background-color: #f9f9f9">
			<div class="menu">
				<div data-toggle="collapse"  data-target="#action" class="firstMenu"> <!-- data-target 对应隐藏/展开内容的选择器(id/class) -->
				   自定义菜单
				</div>

				<div id="action" class="collapse in"> <!-- collapse 隐藏 collapse in 展开  -->
				  <ul>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="../custom_menu.php" target="main">自定义菜单</a></li>
				  </ul>
				</div>
			</div>
			<div class="menu">
				<div  data-toggle="collapse"  data-target="#autoreply" class="firstMenu"> <!-- data-target 对应隐藏/展开内容的选择器(id/class) -->
				   自动回复
				</div>

				<div id="autoreply" class="collapse in"> <!-- collapse 隐藏 collapse in 展开  -->
				  
				  <ul>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">文本消息</a></li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">图片消息</a></li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">图文消息</a></li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">语音消息</a></li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">视频消息</a></li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="http://www.baidu.com" target="main">音乐消息</a></li>
				  </ul>
				</div>
			</div>
			<div class="menu">
				<div  data-toggle="collapse"  data-target="#material" class="firstMenu"> <!-- data-target 对应隐藏/展开内容的选择器(id/class) -->
				   素材管理
				</div>

				<div id="material" class="collapse"> <!-- collapse 隐藏 collapse in 展开  -->
				  <ul>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li class="useClass">文本素材</li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li class="useClass">图片素材</li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li class="useClass">图文素材</li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li class="useClass">语音素材</li>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li class="useClass">视频素材</li>
				  </ul>
				</div>
			</div>
			<div class="menu">
				<div  data-toggle="collapse"  data-target="#wxuser" class="firstMenu"> <!-- data-target 对应隐藏/展开内容的选择器(id/class) -->
				   用户管理
				</div>

				<div id="wxuser" class="collapse in"> <!-- collapse 隐藏 collapse in 展开  -->
				  <ul>
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li><a href="../attention_user.php" target="main">关注用户</a></li>
					<!--
					<img src="../images/wx/coin222.png" style="position: absolute;"/>
					<li>用户分组</li>
					-->
				  </ul>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$("a").click(function() {
			$(".firstMenu").removeClass("fontColor");
			$("a").removeClass("fontColor");
			$(this).addClass("fontColor");
			$(this).parent().parent().parent().parent().find(".firstMenu").addClass("fontColor");
		});
	</script>
 </body>
</html>
